*{
	margin: 0;
	padding: 0;
}
html,body{
	height: 100%;
	max-width: 640px;
	margin: 0 auto;
}
body{
	font-family: '微软雅黑';
}

#app{
	min-height: 100%;
	background: #1d62d7 url(../img/backimg.jpg) no-repeat 0 0;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	position: relative;
	padding-top: 4.77rem;
	box-sizing: border-box;
	padding-bottom:1rem;
}
#checkbox{
	width: 100%;
	height: 7.47rem;
	position: relative;
	background: url(../img/checkbox.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#checkword{
	height: 1.07rem;
	line-height: 1.07rem;
	text-align: center;
	font-size: .3rem;
	color:#333333;
}
#checkword span{
	color:#fd0404;
	padding:0 .14rem;
	font-weight: bold;
}
#checkbtn{
	width:4.8rem;
	height: .8rem;
	position: absolute;
	left:0;
	right:0;
	top:1.17rem;
	margin: auto;
}
#checkgift{
	font-size: .24rem;
	color:#999999;
	text-align: center;
	line-height: .27rem;
	margin-top: 1.18rem;
}
#checklist{
	width:100%;
	height: 3.4rem;
	box-sizing: border-box;
	position: absolute;
	left:0;
	bottom: .33rem;
	padding:0 .6rem;
	overflow-x: hidden;
	overflow-y: auto;
}
.checkItem{
	width: 100%;
	height: .7rem;
	border-radius: .2rem;
	background: #d1e6fb url(../img/gift.png) no-repeat .26rem center;
	-webkit-background-size: .33rem .36rem;
	background-size: .33rem .36rem;
	position: relative;
	margin-bottom: .2rem;
	box-sizing: border-box;
	padding-left:.8rem;
	line-height: .7rem;
	font-size: .24rem;
	color:#666666;
}
.checkItem:after{
	content: '待领';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: .29rem;
	width: .98rem;
	height: .34rem;
	border: 1px solid #3f91df;
	color: #3f91df;
	line-height: .34rem;
	text-align: center;
	border-radius: .05rem;
	background: #ffffff;
}
.hasGot:after{
	content: '已领';
	border-color:#8ec7fe;
	color:#8ec7fe;
}
.checkItem>span{
	width:1.3rem;
	height: 100%;
	position: absolute;
	right:0;
	top:0;
	z-index: 9;
}
#ruletitle{
	width:6.9rem;
	height: 1rem;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
}
#ruletitle:before{
	content:'';
	width:100%;
	background: #ffffff;
	height: 1px;
	position: absolute;
	top:0;
	bottom: 0;
	margin: auto;
	left:0;
}
#ruletitle:after{
	content:'活动规则';
	height: 100%;
	line-height: 1rem;
	text-align: center;
	position: absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	color:#ffffff;
	font-size: .24rem;
	letter-spacing: 1px;
	background: #1d62d7;
	width:1.65rem;
}
#rulebox{
	padding: 0 .3rem;
}
#rulebox p{
	font-size: .24rem;
	color:#ffffff;
	line-height: .37rem;
}
#check-success,#get-prize{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	position: fixed;
	top:0;
	left:0;
}
#check-success-box{
	width:5.87rem;
	height: 4.55rem;
	position: absolute;
	left:0;
	top:2.6rem;
	right:0;
	margin: auto;
	background: url(../img/checkin.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.close{
	width:.65rem;
	height: .64rem;
	position: absolute;
	left:0;
	right:0;
	margin:auto;
	bottom: -1.4rem;
	background: url(../img/close.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#prize-box{
	width:5.4rem;
	height: 6.7rem;
	position: absolute;
	left:0;
	top:1.4rem;
	right:0;
	margin: auto;
	background: url(../img/prizebox.png);
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
#prize-name{
	width:100%;
	text-align: center;
	height: .63rem;
	line-height: .63rem;
	padding-top:1.26rem;
	font-size: .24rem;
	color:#ffffff;
}
#prize-image{
	width:100%;
	height: 1.8rem;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
	background-position: center 0;
	background-repeat: no-repeat;
	margin-bottom: .22rem;
	background-image: url(../img/kindle.jpg);
}
#prize-box p{
	font-size: .2rem;
	color:#666666;
	padding-left: 1.1rem;
	line-height: .32rem;
}
#exchangebtn{
	width:3.8rem;
	height: .75rem;
	position: absolute;
	bottom:.9rem;
	left:0;
	right:0;
	margin:auto;
}